<%- include("./header")%>
    <div class="container mt-4">
        <nav>
            <ol class="breadcrumb bg-white">
                <li class="breadcrumb-item"><a href="/">首页</a></li>
                <li
                  class="breadcrumb-item"><a href="/article/category/<%=detail.category_id%>"><%=
                    detail.categoryName%></a></li>
                <li class="breadcrumb-item active"><%=detail.title%></li>
            </ol>
        </nav>
        <div class="card">
            <div class="card-header bg-white">
                <h3 class="card-title m-0"><%=detail.title%></h3>
                <p class="text-muted small mt-2 m-0">
                    <span class="mr-3">发表时间：<%=detail.time.toLocaleString()%></span>
                    <span class="mr-1">点击：<%=detail.hits%></span>
                </p>
            </div>
            <div class="card-body"><%-detail.content%></div>
            <div class="card-footer bg-white border-0">
                <%for(let i=0;i<tabs.length;i++){%>
                    <span class="badge badge-pill"><%=tabs[i].name%></span>
                <%}%>
            </div>
        </div>
        <nav>
            <ul class="pagination mt-3">
                <%if(prevArticle){%>
                    <li class="page-item ml-auto">
                        <a class="page-link" href="/article/detail/<%=prevArticle.id%>">上一篇：<%=prevArticle.title%></a>
                    </li>
                <%}else{%>
                    <li class="page-item ml-auto disabled">
                        <a class="page-link" href="javascript:;">无上一篇</a>
                    </li>
                <%}%>
                <%if(nextArticle){%>
                    <li class="page-item ml-auto">
                        <a class="page-link" href="/article/detail/<%=nextArticle.id%>">下一篇：<%=nextArticle.title%></a>
                    </li>
                <%}else{%>
                    <li class="page-item ml-auto disabled">
                        <a class="page-link" href="javascript:;">无下一篇</a>
                    </li>
                <%}%>
            </ul>
        </nav>
    </div>
    <%- include("./footer")%>